<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <!-- 1.导入axios.js的包 -->
    <script src="js/axios-0.18.0.js"></script>
  </head>
  <body>
    <input type="button" value="获取get数据" onclick="get()" />
    <input type="button" value="获取post数据" onclick="post()" />
  </body>
</html>
<script>
  //完整写法
  //2.在发送请求的地方使用axios对象发送ajax请求
  function get() {
    //get请求
    /*    axios({
            method:"get", //请求方式
            url:"http://localhost:10010/emp/list" //请求地址
        }).then(function(response){ //此时请求后响应的结果会自动转为对象封装在response中
            //获取结果
            // console.log(response.data.data[0].name);
            console.log(response.data.data);
        }); */

    //请求别名简化
    axios.get("http://localhost:10010/emp/list").then(function (response) {
      console.log(response.data.data);
    });
  }

  function post() {

    //post请求
  /*   axios({
      method: "post",
      url: "http://localhost:10010/emp/deleteById", //根据id删除
      data: "id=1", //表示携带的请求体数据 可以是对象 可以是字符串
    }).then(function (rs) {
      console.log(rs.data.data);
    }); */


    //请求别名简化
    axios.post("http://localhost:10010/emp/deleteById","id=1").then(function (rs) {
      console.log(rs.data.data);
    });

  }
</script>
